<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>设置</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
    </head>
    <body class="set">
        <header class="mui-bar mui-bar-nav header-color">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">设置</h1>
        </header>
        <ul class="table-view table-view3">
            <li class="table-view-cell">
                <a class="table-view-cell-a" >屏蔽手机联系人</a>
                <a class="table-view-cell-a" >输入号码屏蔽</a>
            </li>
            <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a></li>
        </ul>
        <div class="editdata">
            <ul class="table-view table-view1">
                <li class="table-view-cell">
                    <p>姓名</p><input id="name" type="text" placeholder="请输入屏蔽号码的归属人" name="" id="" value="" />
                </li>
                <li class="table-view-cell">
                    <p>号码</p><input id="phone" type="text" placeholder="请输入屏蔽的号码" name="" id="" value="" />
                </li>
                <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-affirm" >确定</a></li>
            </ul>
        </div>
        <div class="popover"></div>
        <div class="mui-content">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <!--这里放置真实显示的DOM内容-->
                    <div class="main">
                        <ul class="tab-box">
                            <li class="tab shieldset">
                                <p>屏蔽设置</p>
                                <i class="mui-icon mui-icon-arrowright"></i>
                            </li>
                            <li class="tab" id="help">
                                <p>使用帮助</p>
                                <i class="mui-icon mui-icon-arrowright"></i>
                            </li>
                            <li class="tab">
                                <p>开启锁屏</p>
                                <div class="screen mui-switch mui-switch-mini  mui-active">
                                    <div class="mui-switch-handle "></div>
                                </div>
                            </li>
                        </ul>
                        <ul class="tab-box">
                            <li class="tab" id="charset">
                                <p>聊天设置</p>
                                <i class="mui-icon mui-icon-arrowright"></i>
                            </li>
                            <li class="tab phone">
                                <p>已屏蔽的号码</p>
                                <i class="mui-icon mui-icon-arrowright"></i>
                            </li>
                            <li class="tab shield">
                                <p>已屏蔽的朋友圈</p>
                                <i class="mui-icon mui-icon-arrowright"></i>
                            </li>
                        </ul>
                        <ul class="tab-box">
                            <p class="title-sm">提示音设置</p>
                            <li class="tab">
                                <p>静音</p>
                                <div class="mute mui-switch mui-switch-mini">
                                    <div class="mui-switch-handle"></div>
                                </div>
                            </li>
                            <li class="tab">
                                <p>震动</p>
                                <div class="shake mui-switch mui-switch-mini">
                                    <div class="mui-switch-handle"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/common.js"></script>
        <script src="js/config.js"></script>
        <script src="js/set.js"></script>
    </body>
</html>